<template>
  <div class="youke">
    <Navs left></Navs>
    <Main>
      <van-cell-group>
        <van-field
          label="持卡人"
          v-model="queryform.name"
          readonly
        />
        <van-field
          label="开户银行"
          v-model="queryform.bank"
          readonly
        />
        <van-field
          label="卡号"
          v-model="queryform.bankcard"
          readonly
        />
      </van-cell-group>
      <div class="tips">
        <!-- <p>*温馨提示</p>
        <p>*温馨提示</p>
        <p>*温馨提示</p> -->
      </div>
    </Main>
  </div>
</template>

<script>
import orderDetail from "../common/orderDetail";
import { Dialog } from "vant";
import { user } from "@/api";
export default {
  data() {
    return {
      queryform: {
        names: "",
        bank: "",
        bankcard: ""
      }
    };
  },
  created() {
    this.getlist();
  },
  methods: {
    getlist() {
      user.bindpay({ type: 3 ,cid:this.$route.query.cid}).then(res => {
        if (res.code == 1000) {
          this.queryform.name = res.result[0];
          this.queryform.bank = res.result[1];
          this.queryform.bankcard = res.result[2];
        }
      });
    }
  }
};
</script>

<style scoped lang="less">
.van-cell:not(:last-child)::after {
  left: 0px;
}
.van-cell {
  .van-field__control:disabled {
    color: red;
  }
}

.tips {
  width: 94%;
  margin: 1rem auto;
  font-size: 14px;
  color: #696969;
  p {
    margin-bottom: 0.2rem;
  }
}
</style>
